.team-area{
    .single-team{
        .team-img {
            position: relative;
            img {
                width: 100%;
            }
        }
        .team-caption {
            
            @include transition(.4s);
            position: absolute;
            bottom: -65px;

            background: #fff;
            width: 80%;
            padding-top: 30px;
            padding-bottom: 20px;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto;
            overflow: hidden;
            @media #{$lg}{
                width: 90%;
            }
            @media #{$md}{
                width: 90%;
            }
            @media #{$sm}{
                width: 90%;
            }
            h3 {
                margin-bottom: 3px;
                line-height: 13px;
                font-family: $font_1;
                a{
                    color:$heading-color;
                    font-weight: 400;
                    font-size: 26px;
                    margin-bottom: 12px;
                    display: block;
                    @media #{$md}{
                        font-size: 18px;
                        margin-bottom: 6px;
                    }
                    @media #{$md}{
                        font-size: 18px;
                        margin-bottom: 6px;
                    }
                    @media #{$sm}{
                        font-size: 18px;
                        margin-bottom: 6px;
                    }
                    &:hover{
                        color: $theme-color;
                    }
                }
            }
            p{
                color:#2c234d;
                font-size: 16px;
                margin: 0;
                padding: 0;
            }

        }

        // Hover
       &:hover {
        .team-img {

            // Effect
            .team-social{
                a{
                    transform: translateY(6px);
                    opacity: 1;
                    visibility: visible;
                    color: #fff;
                }
            }
           }
           .team-caption {
                // @extend %overlay2;
               background: #FF6377;
               bottom: -30px;
               h3 {
                a{
                    color: #fff;
                }
            }
            p{
                color:#fff;
            }
           }
       }
    }
}

.team-social{
    // position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    text-align: center;
    li{
        display: inline-block;
        a {
            color: #8ba4b1;
            font-size: 14px;
            margin: 0 12px;
            display: inline-block;
            @include transform(.4s);
            i {
                display: inline-block;
            }

            // Effect
            transform: translateY(60px);
            opacity: 1;
            visibility: visible;

        }
        &:nth-child(1) a{
            transition-delay: 0.0s;
        }
        &:nth-child(2) a{
            transition-delay: 0.1s;
        }
        &:nth-child(3) a{
            transition-delay: 0.2s;
        }
        &:nth-child(4) a{
            transition-delay: 0.3s;
        }
    }
}

.map-are {
	margin-bottom: -7px;
}